import React, { memo } from "react";
import { Grid } from "react-vant";
import Image from "../../../images/1_03.gif";
import Image1 from "../../../images/1_05.gif";
import Image2 from "../../../images/1_07.gif";
import Image3 from "../../../images/1_09.gif";
import Image4 from "../../../images/1_11.gif";
import Image5 from "../../../images/1_18.gif";
import Image6 from "../../../images/1_19.gif";
import Image7 from "../../../images/1_20.gif";
import Image8 from "../../../images/1_21.gif";
import Image10 from "../../../images/1_22.gif";
import Image11 from "../../../images/1_05 copy.gif";
import Image12 from "../../../images/1_18 copy.gif";
import Image13 from "../../../images/1_19 copy.gif";
import Image14 from "../../../images/1_20 copy.gif";
import style from "./index.module.scss";
import { useNavigate } from "react-router-dom";
const img1 = [
  { img: Image, title: "找医院", path: "/fast" },
  { img: Image1, title: "电话问诊", path: "/fast" },
  { img: Image2, title: "图文急诊", path: "/fast" },
  { img: Image3, title: "权威专家", path: "/look" },
  { img: Image4, title: "自诊自查", path: "/fast" },
  { img: Image5, title: "视频问诊", path: "/fast" },
  { img: Image6, title: "儿科门诊", path: "/fast" },
  { img: Image7, title: "问诊开药", path: "/fast" },
  { img: Image8, title: "特惠义珍", path: "/look" },
  { img: Image10, title: "疫苗预约", path: "/fast" },
  { img: Image11, title: "健康商城", path: "/shop" },
  { img: Image12, title: "健康科普", path: "/fast" },
  { img: Image13, title: "健康档案", path: "/archives" },
  { img: Image14, title: "健康体检", path: "/fast" },
];
const Index = memo(() => {
  const navigate = useNavigate();
  return (
    <div>
      <Grid columnNum={7}>
        {img1.map((item, index) => {
          return (
            <Grid.Item onClick={() => navigate(item.path)} key={index}>
              <img className={style.A1} src={item.img} alt="" />
              <p>{item.title}</p>
            </Grid.Item>
          );
        })}
      </Grid>
    </div>
  );
});

export default Index;
